// -----------------获取文章列表
// 声明请求参数
let data = {
  pagenum:1,
  pagesize:2,
}

// 定义函数，分页获取数据，并渲染到表格
function getPage (){
  $.ajax({
    url:'/my/article/list',
    data:data,
    success:function(res){
      console.log(res)
      if(res.status===0){
        let str = ''
      res.data.forEach(element => {
        str+=`<tr>
          <td>${element.title}</td>
          <td>${element.cate_name}</td>
          <td>${element.pub_date}</td>
          <td>${element.state}</td>
          <td>
            <button type="button" class="layui-btn layui-btn-xs">
              编辑
            </button>
            <button
              type="button"
              class="layui-btn layui-btn-danger layui-btn-xs"
            >
              删除
            </button>
          </td>
        </tr>`
});
$('tbody').html(str)
// 等页面数据渲染完毕，调用函数创建分页
showPage(res.total)
}
    }
      })
    }
getPage ()

// ------------------分页
function showPage (tol){
  let laypage = layui.laypage;
  //执行一个laypage实例
  laypage.render({
    elem: 'page' ,//注意，这里的 test1 是 ID，不用加 # 号
    count: tol ,//数据总数，从服务端得到
    limit:data.pagesize,//每页显示几条
    limits:[2,3,5,10,15],
    curr:data.pagenum,//当前页
    layout:['prev', 'page', 'next'],
    jump: function(obj, first){
      //obj包含了当前分页的所有参数，比如：
      // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      // console.log(obj.limit); //得到每页显示的条数
      //首次不执行
      if(!first){
        //do something
        data.pagenum = obj.curr
        data.pagesize = obj.limit
        getPage()
      }
    }
  });
}

// -----------------------获取分类（处理下拉框）
$.ajax({
  url:'/my/category/list',
  success:function(res){
    let str=''
if(res.status===0){
  res.data.forEach(element=>{
    str+=` <option value="${element.id}">${element.name}</option>`
  })
  $('#cate_id').append(str)
  let form = layui.form
  // 因为表单是动态创建的，所以需要更新渲染，（下拉框、单选按钮、多选按钮都需要重新渲染）
  form.render('select')
}
  }
})

// --------------------------筛选
$('#search').on('submit',function(e){
e.preventDefault()
let cate_id = $('#cate_id').val()
let state = $('#state').val()
// 添加请求参数
if(cate_id){
  data.cate_id =cate_id
}else{
  delete data.cate_id
}
if( state){
  data.state = state
}else{
  delete data.state
}
// 重置pagenum，筛选之后从第一页开始浏览数据
data.pagenum = 1
getPage ()
})